<div class="tabbar" style="text-align: center">
	<ul class="list">
		<:if $currentView ne 'home':>
		<li class="tabitem">
			<a class="link" target="_webapp" href="<:$ctx:>/home">
				<div class="icon"><img src="<:$ctx:>/images/icons/house-gray.png"/></div>
				<div class="text">Home</div>
			</a>
		</li>
		<:else:>
		<li class="tabitem">
			<a class="link" href="#">
				<div class="icon"><img src="<:$ctx:>/images/icons/house-light.png"/></div>
				<div class="text">Home</div>
			</a>
		</li>
		<:/if:>
		<:if $currentView ne 'feature':>
		<li class="tabitem">
			<a class="link" target="_webapp" href="<:$ctx:>/feature">
				<div class="icon"><img src="<:$ctx:>/images/icons/star-gray.png"/></div>
				<div class="text">Feature</div>
			</a>
		</li>
		<:else:>
		<li class="tabitem">
			<a class="link" href="#">
				<div class="icon"><img src="<:$ctx:>/images/icons/star-light.png"/></div>
				<div class="text">Feature</div>
			</a>
		</li>
		<:/if:>
		<:if $currentView ne 'favorite':>
		<li class="tabitem">
			<a class="link" target="_webapp" href="<:$ctx:>/favorite">
				<div class="icon"><img src="<:$ctx:>/images/icons/heart-gray.png"/></div>
				<div class="text">Favorite</div>
			</a>
		</li>
		<:else:>
		<li class="tabitem">
			<a class="link" href="#">
				<div class="icon"><img src="<:$ctx:>/images/icons/heart-light.png"/></div>
				<div class="text">Favorite</div>
			</a>
		</li>
		<:/if:>
		<:if $currentView ne 'sales':>
		<li class="tabitem">
			<a class="link" target="_webapp" href="<:$ctx:>/sales">
				<div class="icon"><img src="<:$ctx:>/images/icons/sun-gray.png"/></div>
				<div class="text">Sales</div>
			</a>
		</li>
		<:else:>
		<li class="tabitem">
			<a class="link" href="#">
				<div class="icon"><img src="<:$ctx:>/images/icons/sun-light.png"/></div>
				<div class="text">Sales</div>
			</a>
		</li>
		<:/if:>
	</ul>
</div>